<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>账户信息</title>
    <link rel="stylesheet" href="../../css/bootstrap.font.min.css"/>
    <link rel="stylesheet" href="../../css/forms.min.css"/>
    <link rel="stylesheet" href="../../css/style.css"/>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top to-nav">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
            </button>
            <a class="navbar-brand to-brand" href="#"><i class="fa fa-weixin fa-fw"></i>&nbsp;&nbsp;SZG 后台管理系统</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="javascript:" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <i class="fa fa-gear"></i>&nbsp;Mr Toma&nbsp;<span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">个人信息</a></li>
                        <li><a href="#">修改密码</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">退出系统</a></li>
                    </ul>
                </li>
            </ul>
        </div><!-- navbar-collapse -->
    </div>
</nav>
<!-- 菜单 start -->
<aside class="sidebar_left">
    <div class="sidebar_content">
        <ul class="nav">
            <li class="active">
                <a href="#" class="nav-link"><i class="fa fa-group"></i>个人中心</a>
                <ul class="link-lop">
                    <li><a href="javascript:">账户总览</a></li>
                    <li><a href="javascript:">交易记录</a></li>
                    <li><a href="javascript:">账户设置</a></li>
                </ul>
            </li>
            <li><a href="#" class="nav-link"><i class="fa fa-wrench"></i>网站设置</a></li>
        </ul>
    </div>
</aside>
<!-- 菜单 end -->
<section class="content">
    <div class="con-wap">
        <!-- view start -->

        <ol class="breadcrumb border">
            <li><a href="#">个人中心</a></li>
            <li><a href="#">账户设置</a></li>
            <li class="active">账户信息</li>
        </ol>

        <section class="panel panel-default">
            <header class="panel-heading">
                <h4>账户信息 <a href="javascript:" class="pull-right"><i class="fa fa-arrow-circle-left"></i></a></h4>
            </header>
            <article class="panel-body">
                <div class="media">
                    <a class="media-left m-edit-head J_edithead" href="javascript:">
                        <i class="fa fa-image "></i>
                        <img src="../../img/qb.jpg" alt="head" width="80" height="80" class="img-circle">
                    </a>
                    <div class="media-body pt10">
                        <h4 class="media-heading">Mr Toma</h4>
                        <h4>您的账户安全等级： <span class="text-theme">低</span></h4>
                    </div>
                </div>
            </article>
            <table class="table table-p10">
                <tr>
                    <td>基本信息</td>
                    <td>账户关联信息及所属企业信息</td>
                    <td>--</td>
                    <td>已设置</td>
                    <td class="text-right"><a href="javascript:">查看</a></td>
                </tr>
                <tr>
                    <td>存管账户</td>
                    <td>与民生银行合作资金存管，保障用户资金安全</td>
                    <td>--</td>
                    <td>未开通</td>
                    <td class="text-right"><a href="javascript:">立即开通</a></td>
                </tr>
                <tr>
                    <td>实名信息</td>
                    <td>完成实名认证，账户更安全理财更放心</td>
                    <td>--</td>
                    <td>未认证</td>
                    <td class="text-right">通过开通存管账户方式完成实名认证</td>
                </tr>
                <tr>
                    <td>绑定手机</td>
                    <td>账户更安全、更放心，可用于登录账户</td>
                    <td>153****5188</td>
                    <td>已绑定</td>
                    <td class="text-right"><a href="javascript:">修改</a></td>
                </tr>
                <tr>
                    <td>绑定邮箱</td>
                    <td>及时获取账户资金变动通知，找回密码</td>
                    <td>--</td>
                    <td>未绑定</td>
                    <td class="text-right"><a href="javascript:">立即绑定</a></td>
                </tr>
                <tr>
                    <td>登录密码</td>
                    <td>上次登录时间2016-08-15 11:28:08</td>
                    <td>--</td>
                    <td>已设置</td>
                    <td class="text-right"><a href="javascript:">修改</a></td>
                </tr>
                <tr>
                    <td>存管账户交易密码</td>
                    <td></td>
                    <td>--</td>
                    <td>未设置</td>
                    <td class="text-right"><a href="javascript:">立即设置</a></td>
                </tr>
                <tr>
                    <td>账户绑定</td>
                    <td>绑定微信账户</td>
                    <td>--</td>
                    <td>未绑定</td>
                    <td class="text-right"><a href="javascript:">立即绑定</a></td>
                </tr>
            </table>
        </section>

        <!-- view end -->
    </div>
</section>

<!-- 上传头像 -->
<div class="modal fade" role="dialog" aria-labelledby="gridSystemModalLabel" id="addhead">
    <div class="modal-dialog modal-xs" role="document">
        <div class="modal-content">
            <div class="modal-header text-center">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">上传头像</h4>
            </div>
            <div class="modal-body admin-form">
                <label class="field prepend-icon append-button file mb20">
                    <span class="button btn-primary">选择图片</span>
                    <input type="file" class="gui-file" name="image" id="image" onchange="document.getElementById('uploader1').value = this.value;">
                    <input type="text" class="gui-input" id="uploader1" placeholder="文件路径">
                    <label class="field-icon">
                        <i class="fa fa-upload"></i>
                    </label>
                </label>
                <p>您可以上传JPG、GIF或PNG文件</p>
                <p>上传图片最大4M</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-warning btn-lg w160" data-dismiss="modal">上传</button>
            </div>
        </div><!-- modal-content -->
    </div><!-- modal-dialog -->
</div><!-- modal -->


<script src="../../lib/jquery.min.js"></script>
<script src="../../js/sea.js"></script>
<script src="../../js/main.js"></script>
<script>
    seajs.use('management',function (cc) { cc.accountInfo() });
</script>
</body>
</html>